/************************************************************************************
Elemen
************************************************************************************/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;}
body{line-height:1.5;}
table{border-collapse:separate;border-spacing:0;}
caption,th,td{text-align:left;font-weight:normal;}
table,td,th{vertical-align:middle;}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
blockquote,q{quotes:"""";}
a img{border:none;}
body{font-size:75%;color:#3c3c3c;background:#fff;font-family:"Helvetica Neue",Arial,Helvetica,sans-serif;}
h1,h2,h3,h4,h5,h6{font-weight:normal;color:#252525;}
h1{font-size:3em;line-height:1;margin-bottom:.5em;}
h2{font-size:2em;margin-bottom:.75em;}
h3{font-size:1.5em;line-height:1;margin-bottom:1em;}
h4{font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5{font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6{font-size:1em;font-weight:bold;}
h1 img,h2 img,h3 img,h4 img,h5 img,h6 img{margin:0;}
input{margin:.55em 0 1.1em;}
a:focus,a:hover{color:#7b9f3e;}
a{color:#133c9a;text-decoration:underline;}
blockquote{margin:1.5em;color:#666;font-style:italic;}
strong{font-weight:bold;}
em,dfn{font-style:italic;}
dfn{font-weight:bold;}
sup,sub{line-height:0;}
abbr,acronym{border-bottom:1px dotted #666;}
address{margin:0 0 1.5em;font-style:italic;}
del{color:#666;}
pre{margin:1.5em 0;white-space:pre;}
pre,code,tt{font:1em 'andale mono','lucida console',monospace;line-height:1.5;}
li ul,li ol{margin:0 1.5em;}
ul,ol{margin:0 1.5em 1.5em 1.5em;}
ul{list-style-type:disc;}
ol{list-style-type:decimal;}
dl{margin:0 0 1.5em 0;}
dl dt{font-weight:bold;}
dd{margin-left:1.5em;}
table{margin-bottom:1.4em;width:100%;}
th{font-weight:bold;}
thead th{background:#c3d9ff;}
th,td,caption{padding:4px 10px 4px 5px;}
tr.even td{background:#e5ecf9;}
tfoot{font-style:italic;}
caption{background:#eee;}



/************************************************************************************
Bungkus
************************************************************************************/
body{
margin:0;
padding:0;
}
#kepala{
background:#fff url(../images/kepala-bg.png) repeat-x;
height:90px;
}
#bungkus{
width:1000px;
margin:auto;
}
#artikel{
float:left;
width:650px;
margin:0 0 0 20px;
line-height:1.8em;
}
#sidebar{
float:left;
width:290px;
margin:0 0 0 30px;
padding:30px 0 0 0;
}
#kaki{
background-color:#111;
border-top:5px solid #dedede;
}
#clearer{
clear:both;
}


/************************************************************************************
Isi Bungkus
************************************************************************************/
#bungkus-kepala{
width:1000px;
margin:auto;
}
#kepala-kiri h1{margin:0;padding:0;}
#kepala-kanan{
}
#bungkus-kaki{
width:960px;
margin:auto;
padding:10px 20px;
color:#fff;
text-align:right;
}

/************************************************************************************
Home
************************************************************************************/
#artikel-home a:link,#artikel-home a:visited{
color:#333333;
text-decoration:none;
font-family:"Helvetica Neue",Arial,Helvetica,sans-serif;
font-size:13px;
}
#artikel-home .bungkus-artikel-home{
margin:30px 0 0 0;
padding:0 0 30px 0;
border-bottom:1px solid #f0f0f0;
}
#artikel-home .kiri-artikel-home{
float:left;
width:240px;
}
#artikel-home .kanan-artikel-home{
float:left;
width:400px;
margin:0 0 0 10px;
}
#artikel-home .bungkus-artikel-home a:link, #artikel-home .bungkus-artikel-home a:visited{
color:#777;
}
#artikel-home .bungkus-artikel-home a:hover{
color:#000;
}
#artikel-home .bungkus-artikel-home h2 a:link, #artikel-home .bungkus-artikel-home h2 a:visited{
color:#000;
font-size:28px;
line-height:1.0em;
}
#artikel-home .bungkus-artikel-home h2 a:hover{
text-decoration:underline;
}



/************************************************************************************
Halaman Detail
************************************************************************************/
#bungkus-konten-artikel{
float:left;
margin:20px 0 0 0;
width:100%;
}
#artikel-detail{
color:#333333;
text-decoration:none;
font-family:"Helvetica Neue",Arial,Helvetica,sans-serif;
font-size:13px;
margin:30px 0 0 0;
padding:0 0 30px 0;
}
#artikel-detail h1{
font-weight:bold;
}
#artikel-detail h3{
border-bottom:1px solid #212121;
font-size:28px;
margin:50px 0 20px 0;
padding:0 0 3px 0;
}
#artikel-detail li{
list-style:square;
padding:10px 0;
font-size:16px;
}
#kotak_paging{
padding:10px 20px;
background:#e4e4e4;
float:left;
letter-spacing:0.18em;
text-align:right;
width:610px;
margin:0 0 20px 0;
color:#555;
font-size:12px;
border:1px solid #E9E9E9;border-top:px solid #4d678c;box-shadow:0 4px 4px -4px rgba(0,0,0,0.7);-moz-box-shadow:0 4px 4px -4px rgba(0,0,0,0.7);-webkit-box-shadow:0 4px 6px -5px rgba(0,0,0,0.8);
border-top-right-radius:3px;border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-left-radius:3px;-moz-border-radius-topright:3px;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:3px;-webkit-border-top-right-radius:3px;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:3px;
}
#kotak_paging a:link, #kotak_paging a:visited, #kotak_paging a:active{
font-size:10px;
}
#kotak-komentar{
float:left;
min-height:20px;
}
#kotak_komen1{
float:left;
background:#f7f7f7;
padding:10px 20px;
margin:0 0 5px 0;
width:610px;
}
#kotak_komen2{
float:left;
background:#e4e4e4;
padding:10px 20px;
margin:0 0 5px 0;
width:610px;
}



/************************************************************************************
Widget
************************************************************************************/
#sidebar h4{font-family:"Calibri","Droid Sans",Tahoma,Geneva,sans-serif;font-weight:500;text-transform:uppercase;padding:5px 10px;margin:0;color:#d1d9e5;background-color:#5a77a0;text-shadow:1px 1px #486286;border-bottom:1px solid #4d678c;box-shadow:0 5px 12px -7px rgba(0,0,0,0.5);-moz-box-shadow:0 5px 12px -7px rgba(0,0,0,0.5);-webkit-box-shadow:0 5px 12px -7px rgba(0,0,0,0.5);}
#sidebar h4 strong{color:#fff;}
#sidebar .rad_all{border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
#sidebar .rad_top{border-top-right-radius:3px;border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-left-radius:3px;-moz-border-radius-topright:3px;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:3px;-webkit-border-top-right-radius:3px;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:3px;}
#sidebar .rad_bot{border-top-right-radius:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px;border-top-left-radius:0;-moz-border-radius-topright:0;-moz-border-radius-bottomright:3px;-moz-border-radius-bottomleft:3px;-moz-border-radius-topleft:0;-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:3px;-webkit-border-bottom-left-radius:3px;-webkit-border-top-left-radius:0;}
#sidebar .graSilver{background-color:#f9f9f9;background-image:-webkit-gradient(linear,0% 0,0% 100%,from(#fdfdfd),to(#e9e9e9));background-image:-webkit-linear-gradient(top,#fdfdfd,#e9e9e9);background-image:-moz-linear-gradient(top,#fdfdfd,#e9e9e9);background-image:-o-linear-gradient(top,#fdfdfd,#e9e9e9);}
#sidebar .shadow{border:1px solid #E9E9E9;box-shadow:0 4px 4px -4px rgba(0,0,0,0.7);}
#sidebar .shadowXtop{border:1px solid #E9E9E9;border-top:px solid #4d678c;box-shadow:0 4px 4px -4px rgba(0,0,0,0.7);-moz-box-shadow:0 4px 4px -4px rgba(0,0,0,0.7);-webkit-box-shadow:0 4px 6px -5px rgba(0,0,0,0.8);}
#sidebar .block{margin-bottom:20px;}
#sidebar .block ul{margin-bottom:0;}
#sidebar .block ul li{list-style:square;margin-bottom:10px;}

#sidebar a:link, #sidebar a:visited{
color:#212121;
text-decoration:none;
font-weight:normal;
}
#sidebar span{
color:#212121;
font-weight:normal;
}
#sidebar a:hover{
color:#000;
text-decoration:underline;
}
#sidebar .kiri-isi-widget{
float:left;
width:30px;
font-size:20px;
}
#sidebar li{
display:block;
padding:10px 20px;
color:#ccc;
font-weight:bold;
}
#sidebar li.list_konten{
background:#f5f5f5;
}
#sidebar li.list_konten2{
background:#fff;
}




/************************************************************************************
Navbar
************************************************************************************/
#navbar{margin:0 auto;background:#254779 url(../images/header-nav-bg.png) repeat-x scroll 0 0;border-top:1px solid #436eaa;border-bottom:1px solid #1d3a63;height:38px;}
#navbar li a{border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;}
#navbar li.home a{background-color:#1e3b66;margin-right:5px;}
#navbar li.home li a{background-color:transparent;}
#navbar li.active a{font-weight:700;color:#eaeaea;background-color:#1e1e1e;text-decoration:none;text-shadow:none;}
#navbar li.active li a{font-weight:500;text-decoration:none;color:#fff;background-color:transparent;}

#navbar .searchbox{float:right;margin:6px 15px 0 0;padding:0;}
#navbar .searchbox input.search{background:#fff url(../images/search.png) no-repeat scroll;border-radius:25px;border:1px solid #004489;color:#989898;font-size:12px;padding:5px 5px 5px 25px;margin-left:10px;margin-top:0;width:150px;}

#primary-menu{width:1000px; margin:auto; font-size:12.5px; position:relative; z-index:99;}
.sf-menu,.sf-menu *{margin:0;padding:0;list-style:none;}
.sf-menu{line-height:1.0;}
.sf-menu ul{position:absolute;top:-999em;border-top:1px solid #191919;border-bottom:5px solid #191919;width:10em;}
.sf-menu ul li{width:100%;}
.sf-menu li:hover{visibility:inherit;}
.sf-menu li{float:left;position:relative;}
.sf-menu a{display:block;position:relative;}
.sf-menu li:hover ul,.sf-menu li.sfHover ul{left:0;top:3.0em;z-index:99;}
ul.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul{top:-999em;}
ul.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul{left:10em;top:0;}
ul.sf-menu li li:hover li ul,ul.sf-menu li li.sfHover li ul{top:-999em;}
ul.sf-menu li li li:hover ul,ul.sf-menu li li li.sfHover ul{left:10em;top:0;}
.sf-menu{float:left;margin-bottom:0;margin-top:1px;margin-left:15px;}
.sf-menu a{border-left:none;border-top:none;padding:.5em .65em;margin:.5em 0;text-decoration:none;}
.sf-menu a,.sf-menu a:visited{color:#d1d4da;}
.sf-menu li{background:none;font-family:"Droid Sans",Tahoma,Geneva,sans-serif;font-size:1.00em;font-weight:500;text-shadow:-1px -1px #163159;}
.sf-menu li li{background:#2c2c2c;border-top:1px solid #414141;border-bottom:1px solid #191919;font-size:.95em;text-shadow:1px 1px #000;}
.sf-menu li li li{background:#9AAEDB;}
.sf-menu li a:hover{text-decoration:underline;}
.sf-menu li li:hover{background-color:#383838;}
.sf-menu li:hover,.sf-menu li.sfHover,.sf-menu a:focus,.sf-menu a:hover,.sf-menu a:active{background:none;outline:0;color:#fff;}